/*!
 * @since:2020/01/08.
 * @author:flyfly ~~~!
 * @Email:li13572463831@163.com ~~~!
 * @Copyright © 2020 hzgxr.com. All Rights Reserved.
 * @rule:采用大驼峰法命名.
 **/
 @-webkit-keyframes bullet {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes bullet {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
 /*body*/
.wrap{ width:1200px; margin:0 auto;}
.main{ position:relative; z-index:90;}
 /*首页区域*/
.section{ 
	background-repeat: 
	no-repeat; 
	background-position: 50% 50%; 
	background-size: cover; 
	overflow: hidden;
}
#page-1{ background-image: url(../images/section1.jpg);}
#page-2{ background-image: url(../images/section2.jpg);}
#page-3{ background-image: url(../images/section3.jpg);}
#page-4{ background-image: url(../images/section4.jpg);}
#page-5{ background-image: url(../images/section5.jpg);}
/* header & footer start*/
.header{
	width:100%; 
	height:60px;  
	position:fixed; 
	z-index:100;
	background:rgba(23,110,146,.35);
	transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    box-shadow: rgba(0,0,0,.1) 0px 0px 10px;  
	-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
	-moz-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
	-ms-box-shadow:rgba(0,0,0,.1) 0px 0px 10px;
}
.header.active {
    height: 80px;
	line-height: 80px;
	background:rgba(23,110,146,.2);
	box-shadow: rgba(0,0,0,.1) 0px 0px 10px;  
	-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
	-moz-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
	-ms-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
}
.header .logo{ height:40px; display:block; float:left; margin-top:10px;}
.header .logo img{ height:40px; margin-top:0px;}
.header .back{ width:40px; height:48px; padding:12px 8px; display:block; text-align:center; position:absolute; left:0; top:0; z-index:3; display:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.header .icon-arrow2{ width:24px; height:24px; display:block; line-height:24px; font-size:20px; color:#FFF;}
.header .name{ width:50%; height:48px; line-height:48px; color:#fff; position:absolute; z-index:2; left:25%; top:0; font-size:18px; text-align:center; display:none;}
.header .icon-search{
	width:20px;
	height:20px;
	float:right;
	background: url(../images/sear-icon.png) top center no-repeat;
	background-size:100% 100%;
	display: block;
	margin-top:20px;
	cursor: pointer;
}
.header .icon-search a{
	width:100%;.header .logo img
	height:100%;
	display: block;
}

.kh-48{ height:60px;}
.kh-0{ height:0px;}
.menu-box{
	position:fixed;
	right:50%;
	z-index:101;
	height:60px;
	margin-right:-530px;
	}
.menu{ height:60px;}
.menu li{ 
	margin-left:30px; 
	float:left;
	position:relative;
}
.menu li .tap{
	margin-top:15px;
	height:30px; 
	line-height:28px; 
	display:block; 
	font-size:14px; 
	color:#FFF; 
	text-align:center; 
	overflow:hidden;}
.menu li .tap span{
	display:block;
	height:28px;
	/*-webkit-transition:margin 0.3s cubic-bezier(0.165,0.425,0.225,1) 0.05s;
	   -moz-transition:margin 0.3s cubic-bezier(0.165,0.425,0.225,1) 0.05s;
	    -ms-transition:margin 0.3s cubic-bezier(0.165,0.425,0.225,1) 0.05s;
	     -o-transition:margin 0.3s cubic-bezier(0.165,0.425,0.225,1) 0.05s;
	        transition:margin 0.3s cubic-bezier(0.165,0.425,0.225,1) 0.05s;*/
	}
.menu li .tap span p{
	padding:0 8px;
	border:solid 1px rgba(57,152,194,0);
	border-radius: 20px;
}	
.menu li .tap span p:last-child{ opacity:0;}
.menu li.active .tap,.menu li .tap:hover{ 
	color:#fff;

}
.menu li .tap:hover span p:first-child{ opacity:0;}
.menu li .tap:hover span p:last-child{ 
	opacity:1;
	background: rgba(34,126,166,.35);
	border:solid 1px rgba(57,152,194,.75);

}
.menu li.active .tap span,.menu li .tap:hover span{ 
	margin-top:-30px;
	}
.menu li.active .tap span p{ 
	opacity:1;
	background: rgba(34,126,166,.35);
	border:solid 1px rgba(57,152,194,.75);
}
.menu li .sonTopMenu{
	top:46px;
	position:absolute; 
	width:100px; 
	left:50%;
	margin-left:-50px;
	z-index:999;
	background:rgba(0,0,0,.55);
	height: 0; 
	opacity: 0;
	overflow:hidden; visibility:hidden;
	-webkit-transform:scaleY(0);
	-o-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	border-radius:5px;
	padding:10px 0;
	text-align:center;
}
.menu li:nth-child(3) .sonTopMenu{
	width:170px;
	left:50%;
	margin-left:-75px;
	text-align:left;
}
.menu li:hover .sonTopMenu{
	height:auto;
	opacity: 1;
	visibility:visible;
	-webkit-transform:scaleY(1);
	-o-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);
	}
.menu li .sonTopMenu dl dd{
	height:30px;
	line-height:30px;
	border-bottom:1px solid rgba(255,255,255,.35);
	margin:0 10px;
}
.menu li .sonTopMenu dl dd:last-child{
	border-bottom:none;
	
}
.menu li .sonTopMenu dl dd a{
	color:#ddd;
	font-size:13px;
	display:block;
	
}
.menu li .sonTopMenu dl dd a:hover{
	color:#fecb09;
}	
/*板块标题*/
.h60{
	height:60px;
	width:100%;
}
.en-tit{
	text-align: center;
	width: 100%;
	display: block;
    font: normal 16px/1.5 'gotham-medium';
    color: #fff;
    text-transform: uppercase;
    margin-top:50px;
     opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
.tit-line{
	width:15%;
	height:1px;
	background: rgba(255,255,255,.35);
	display: block;
	margin:10px auto;
	 opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;

}
.cn-tit{
	text-align: center;
	margin-bottom:20px;
	width: 100%;
	display: block;
    font-size: 24px;
    color: #8edef9;
    font-weight: 700;
    letter-spacing: 2px;
     opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
.tel-box{
	 opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
/*侧面浮动*/
.float{ width:54px; height:162px; position: fixed; z-index:100; right:10px; top:50%; margin-top:-81px;}
.float .item{
	width:54px;
	height:54px;
	display:block;
	position:relative;
	margin-top:4px;
	background:#141516;
	background:rgba(0,0,0,0.5);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	}
.float .item .tags{
	width:180px;
	height:54px;
	line-height:54px;
	position:absolute;
	left:0;
	top:0;
	color:#FFF;
	overflow:hidden;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	    -ms-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
	}
.float .item .tel{ font-size:16px; letter-spacing:0;}
.float .item:hover .tags{ width:200px; left:-146px; background:#141516; background:rgba(0,0,0,0.75);}
.float .item:hover span{opacity:1;}
.float .item .iconfont{ width:54px; height:54px; display:block; line-height:54px; text-align:center; font-size:24px; color:#FFF; float:left; -webkit-text-stroke-width: 0px; float:left;}
.float .item span{opacity:0; float:left; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.float .item .icon-arrow3{ font-weight:bold;}
.float #back-top .tags{ width:54px; height:54px;}
.float #back-top:hover .tags{left:0;}
.float .advisory .tags{ width:54px; height:54px; line-height:27px; font-size:14px; text-align:center;}
.float .advisory .tags span{ width:54px; height:44px; display:block; padding:5px 0; line-height:22px; font-size:14px;}
.float .advisory:hover .iconfont{ display:none;}
.float .advisory:hover .tags{ width:54px; left:0;}
/*幻灯*/
.focus{
	position:  absolute;
	z-index:99;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#023349;
	}
.focus .imgbox{width:100%;}
.focus .slogan{
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	width:600px;
	height:66px;
	margin:-33px 0 0 -300px;
	}
.focus .slogan img{ width:100%;}
.slide-focus{width:100%; height:100%; position:absolute; z-index:1;}
.slide-focus .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/mask.png); opacity:0.3;}
.slide-focus .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; -webkit-background-size:cover; background-size:cover; display:none;}
.slide-focus li{ width:100%; height:100%; position:absolute; z-index:1;}
.slide-focus li.active{ z-index:2;}
.slide-focus video {
	position: absolute;
	z-index: 0;
	top: 0;
	left:50%;
	width:1920px;
	margin-left:-960px;
	height: auto;
	opacity:0;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	    -ms-transition: all 0.5s linear;
	     -o-transition: all 0.5s linear;
	        transition: all 0.5s linear;
	}
.slide-focus li.active video{ opacity:1;}
.slide-focus li .img{
	width:600px;
	height:400px;
	position:absolute;
	z-index:3;
	left:50%;
	top:50%;
	text-align:center;
	margin:-200px 0 0 -300px;
	opacity:0;
	-webkit-transform:translateY(50px);
	   -moz-transform:translateY(50px);
	    -ms-transform:translateY(50px);
	     -o-transform:translateY(50px);
	        transform:translateY(50px);
	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	        transition: all 1s;
	}
.slide-focus li:first-child .img{
	width:700px;
	height:400px;
	position:absolute;
	z-index:3;
	left:50%;
	top:50%;
	text-align:center;
	margin:-200px 0 0 -350px;
	opacity:0;
	-webkit-transform:translateY(50px);
	   -moz-transform:translateY(50px);
	    -ms-transform:translateY(50px);
	     -o-transform:translateY(50px);
	        transform:translateY(50px);
	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	        transition: all 1s;
	}
.slide-focus li .img img{ width:100%;}
.slide-focus li.active .img {
	opacity:1;
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}


.slide-page{ width:100%; height:26px; position:absolute; left:0; bottom:40px; z-index:3;}
.slide-page .line-1{ width:100%; height:1px; display:block; background:rgba(255,255,255,.25); position:absolute; left:-50%; top:50%; margin-left:-133px;}
.slide-page .line-2{ width:100%; height:1px; display:block; background:rgba(255,255,255,.25); position:absolute; right:-50%; top:50%; margin-right:-133px;}
.slide-page ul{ width:266px; height:26px; position:absolute; left:50%; margin-left:-133px; z-index:2;}
.slide-page ul li{ width:120px; height:26px; float:left; position:relative;}
.slide-page ul li:after{ width:94px; height:1px; background:rgba(255,255,255,.25); position:absolute; right:0; top:50%; display:block; content:'';}
.slide-page ul .last{ width:26px;}
.slide-page ul .last:after{ display:none;}
.slide-page .circle{ width:26px; height:26px; display:block; position:relative; cursor:pointer;}
.slide-page .circle:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 14px;
	height: 14px;
	border: 1px solid rgba(255,255,255,.75);
	opacity: 0.5;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
		 -o-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	   -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	    -ms-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	     -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	        transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
.slide-page .circle:after {
	content: '';
	position: absolute;
	left: 9px;
	top: 9px;
	width: 8px;
	height: 8px;
	background-color: rgba(255,255,255,.75);
	opacity: 0.5;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
		 -o-border-radius: 50%;
	        border-radius: 50%;
	-webkit-backface-visibility: hidden; 
	   -moz-backface-visibility: hidden; 
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden; 
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	   -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	    -ms-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	     -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	        transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	}
.slide-page .active .circle:before,.slide-page .circle:hover:before {
	opacity: 0;
	-webkit-transform: scale(2, 2);
	   -moz-transform: scale(2, 2);
	    -ms-transform: scale(2, 2);
	     -o-transform: scale(2, 2);
	        transform: scale(2, 2);
	-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	   -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	    -ms-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	     -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	        transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
.slide-page .active .circle:after,.slide-page .circle:hover:after {
	opacity: 0.2;
	-webkit-transform: scale(3.3, 3.3);
	   -moz-transform: scale(3.3, 3.3);
	    -ms-transform: scale(3.3, 3.3);
	     -o-transform: scale(3.3, 3.3);
	        transform: scale(3.3, 3.3);
	}
.slide-page .bullet {
	position: absolute;
	left: 9px;
	top: 9px;
	width: 8px;
	height: 8px;
	background-color: rgba(255,255,255,.75);
	display:block;
	opacity: 0;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
		 -o-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transform: scale(0, 0);
	   -moz-transform: scale(0, 0); 
	    -ms-transform: scale(0, 0); 
	     -o-transform: scale(0, 0); 
	        transform: scale(0, 0); 
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	   -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	    -ms-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	     -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	        transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	}
.slide-page .active .circle .bullet,.slide-page .circle:hover .bullet {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	    -ms-transform: scale(1, 1);
	     -o-transform: scale(1, 1);
	        transform: scale(1, 1);
	}

.slide-page .text {
	position: absolute;
	top:-34px;
	width:120px;
	height:24px;
	line-height:24px;
	left:50%;
	text-align:center;
	font-size:14px;
	color:#FFF;
	margin-left:-60px;
	opacity:0;
	-webkit-transform:translateY(-20px);
	   -moz-transform:translateY(-20px);
	    -ms-transform:translateY(-20px);
	     -o-transform:translateY(-20px);
	        transform:translateY(-20px);
	-webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	   -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	    -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	     -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	        transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	}
.slide-page .text:after{
	content:'';
	width: 0;
    height: 0;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-5px;
	bottom:-5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
	}
.slide-page .active .circle .text,.slide-page .circle:hover .text{
	opacity:1;
	-webkit-transform:translateY(0);
	   -moz-transform:translateY(0);
	    -ms-transform:translateY(0);
	     -o-transform:translateY(0);
	        transform:translateY(0);
	}
	.carousel-scroll-btn {
    z-index:56;
    position:absolute;
    left:50%;
    width:32px;
    height:32px;
    margin-left:-16px;
    border:1px solid #fff;
    border-radius:100%;
    overflow:hidden;
    cursor:pointer;
    bottom:110px;
}
.carousel-scroll-btn .carousel-scroll-btn-icon {
    position:absolute;
    display:block;
    width:32px;
    height:32px;
    margin:0 auto;
    background:url(../images/down-icon2.png) no-repeat center center;
    cursor:pointer;
    animation: downico 1.5s ease-out infinite;
}
@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }
    35% {
        top: 50%;
        opacity: 0;
    }
    65% {
        top: -50%;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
/*产品中心*/
.product-ul{

}
.product-ul li{
	position:relative;
	margin-left:12px;
	width:230px;
	height:360px;
	float:left;
	background:#133658;
	overflow: hidden;
	box-sizing:border-box;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}
.product-ul li .imgbox{
	position:relative;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	opacity:.7;
	overflow:hidden

}
.product-ul li:hover .imgbox{
	position:absolute;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	opacity:.3
}
.normal-inner{
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.active-inner{
	position:relative;
	display:none;
	height:100%;
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.product-ul li.active .active-inner{
	display:block;
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1
}
.product-ul li.active .normal-inner{
	display:none;
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0
}
	
.product-ul li{
	-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);
	-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);
	box-shadow:1px 1px 12px rgba(0,0,0,.08);
	-webkit-transition:width .15s linear;
	-o-transition:width .15s linear;
	-moz-transition:width .15s linear;
	transition:width .15s linear;
	cursor: pointer;
	opacity: 0; 
	-webkit-transform:scale(0.5, 0.5); 
	transform:scale(0.5, 0.5); 
	transition: all 1s;
}

.active .product-ul li{ 
	opacity: 1; 
	-webkit-transform:scale(1, 1); 
	transform:scale(1, 1); 
	transition-delay: 0.3s;
}


.product-ul li.active{
	z-index:9;
	width:462px;
	-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);
	-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);
	box-shadow:0 4px 20px rgba(0,0,0,.2);
	overflow: hidden;
}
.active .product-introduce-content{
	color:#eff6ff
}
.active-inner-item .icon-box{
	width:76px;
	height:76px;
	background: #fff;
	position: absolute;
	left:50%;
	margin-left:-38px;
	border-radius: 100%;
	display: block;
	z-index: 9;
	top:50%;
	margin-top:-58px;

}
.product-ul li .bt{
	height:40px;
	line-height: 40px;
	width:80%;
	overflow: hidden;
	left:10%;
	color:#fff;
	top:50%;
	margin-top:25px;
	z-index: 99;
	font-size:14px;
	position: absolute;
	text-align: center;
}
.product-ul li .bt a{
	font-size:18px;
	font-weight:bold;
	color:#8edef9;
}
.product-ul li.active .bt{
	top:10%;
	font-size:18px;
	font-weight:bold;
	color:#8edef9;
	margin-top:0px;
	text-align: left;
}
.product-ul li .dsp{
	width:80%;
	position: absolute;
	left:10%;
	display: none;
	z-index: 9;
}
.product-ul li.active .dsp{
	top:10%;
	font-size:14px;
	font-weight:normal;
	color:#eee;
	margin-top:50px;
	text-align: left;
	transition:all 1.5s;
	-moz-transition:all 1.5s;
	-webkit-transition:all 1.5s;
	-o-transition:all 1.5s;
	display:block;
	line-height: 22px;
	height:66px;
	overflow: hidden;
}
.product-ul li.active .icon-box{
	opacity: 0;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.product-ul li .lst-pro{
	display: none;
}
.product-ul li.active .lst-pro{
	display: block;
	top:170px;
	position: absolute;
	z-index: 99;
	width:80%;
	left:10%;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.lst-pro dl dd{
	display: block;
	float:left;
	width:100%;
	height:170px;
	background: #133658;
	z-index: 99;
	margin-bottom:10px;
	margin-right:1.3%;
	overflow: hidden;
	position: relative;
	text-align: center;
	border: 1px solid rgba(36,191,242,.75);
	display: block;
	
}
.lst-pro dl dd .lst-bt{
	position: absolute;
	height:30px;
	line-height: 30px;
	font-size:12px;
	color:#fff;
	width:80px;
	left:50%;
	margin-left:-40px;
	top:50%;
	margin-top:-15px;
	border:1px solid rgba(255,255,255,.75);
	opacity: 0;
	z-index: 99;
}
.lst-pro dl dd:hover .lst-bt{
	opacity: 1;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s
}
.lst-pro dl dd img{
	width:100%;
	height:100%;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	opacity:.7;
	overflow:hidden
}
.lst-pro dl dd:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	opacity:.3
}
/*新闻详情*/
.show-box{
	margin:25px;
}
.show-box .show-tit{
	font-size:20px;
	line-height:40px;
	color:#fff;
	padding:20px 0 10px;
	
}
.show-box .show-time{
	font-size:14px;
	color:#00f8ff;
	line-height:28px;
}
.show-time .s-line{
	display:inline-block;
	padding:0 5px;
	font-family:"宋体";
	font-size:12px;
}
.show-box .show-words{
	font-size:14px;
	color:#d3d3d3;
	line-height:35px;
	padding:20px 0 0 0;
}
.inner-honor table td img{padding:0 5px; width:100%; height:auto;}
.inner-honor table{ text-align:center;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)} 
.inner-honor table td{padding:5px 0;line-height:18px;border-left:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.15)}
.show-box .show-words table{border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)} 
.show-box .show-words table td{border-left:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.15); text-indent:15px;}
.show-box .show-words.case-show table{border:20px solid rgba(255,255,255,.15);} 
.show-box .show-words.case-show table td{border-left:none;border-top:none;padding:10px; text-indent:0;border-right:1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15)}
.show-box .show-words tr td{padding:5px}
.show-box .show-words tr td img{width:100%;}
.show-box .show-words .bt{
	padding:10px 0;
	font-weight:600;
	text-indent:0px;
}
.show-box .show-words .imgs{
	text-indent:0px;
	margin-top:20px;
	text-align:center;
}
.show-box .show-words img{
	display:inline-block;
}
.show-box .show-words p{
	/*text-indent:30px;*/
}
.show-line{
	width:100%;
	height:1px;
	display:block;
	background:rgba(255,255,255,.25);
}
.nlst-list.s-sider{
	margin:0px;
	padding-bottom:0px;
}
/*产品详情*/
.showBoxsTit{
	font-size: 30px;
    letter-spacing: 3px;
	color:#fff;
	margin-top:100px;
	line-height:50px;
	padding: 0 0 15px 0;
}
.location{
	font-size:14px;
	color:#ddd;
	line-height:50px;
	letter-spacing: 0px;
}
.show-boxs{
	margin:40px 20px auto;
}
.iconShowBox{
	padding:25px 0 10px;
}
.iconShowBox span{
	color:#fff;
	font-size:14px;
	margin-right:10px;
	cursor:pointer;
}
.iconShowBox span .iconfont.imgicon{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:-3px;
	
}
.iconShowBox span .iconfont.imgicon img{
	width:20px;
	height:20px;
}
.iconShowBox span .iconfont{
	margin-right:5px;
	font-size:18px;
}
.xgTit{
	font-size:18px;
	color:#eee;
	padding:20px 0 10px;
}
.xgLine{
	width:85px;
	height:2px;
	background:rgba(255,255,255,.25);
	
}
.siders-c-show .case-item:last-child{
	display:none;
}
/*联系我们*/
.mapBigBox{
	margin:30px 20px;
}
.innerMap{
	width:100%;
	margin-top:30px;
}
#dituContent img{
	width:auto!important;
}
.mapBigBox .innerTxt{
	float:right;
	margin:0px;
	width:500px;
	
}
.mapBigBox .innerTxt.c-box{width:600px; float:left;}
/*在线留言*/
.massageBox{
	width:600px;
	margin:40px auto 60px;
}
.massageBox ul li{
	width:100%;
	height:40px;
	background:rgba(255,255,255,.85);
	margin-bottom:15px;
	border-radius:5px;
	color:#333;
}
.massageBox ul li .inputTxt{
	border:none;
	font-size:14px;
	line-height:40px;
	background:none;
	width:100%;
	text-indent:15px;
}
.massageBox ul li.textareaBox{
	height:160px;
}
.massageSider{
	padding:15px;
}
.massageBox ul li.textareaBox .textareaText{
	font-size:14px;
	line-height:24px;
	border:none;
	background:none;
	width:100%;
	height:160px;
}
.subBtn{
	width:100%;
	height:30px;
	text-align:center;
	
}
.subBtn .subTjiao{
	width:30%;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#fff;
	background: -webkit-linear-gradient(left, #0082bf 30%, #06a1ea 70%);
    background: linear-gradient(to right, #0082bf 30%, #06a1ea 70%);
    border: 1px solid rgba(0,200,230,.55);
	margin:0 5px;
	letter-spacing:3px;
	cursor:pointer;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	border-radius:25px;
	
}
.subBtn .subTjiao:hover{
	background:#333;
	border:1px solid #666;
	
}
.subBtn .subTjiao.subCzhi{
	background:#333;
	border:1px solid #666;
}
/*核心优势*/
.core-list .each-item .image-wrap:after{
	 content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    opacity:0;
    transition:all .6s ease-in-out;
}
.core-list .each-item:hover .image-wrap:after{
	opacity:1;
}
.core-list .each-item:hover .image-wrap img{
    transform:scale(1.05);
}
.core-list {margin:50px 0 65px;}
.core-list .each-item {
    position:relative;
    margin-bottom:15px;
    background:rgba(0,0,0,.35);
    transition:all .5s;
	border: 1px solid rgba(36,191,242,.75);
}
.core-list .each-item:hover {box-shadow:0 0 25px rgba(0,0,0,.2);}
.core-list .each-item .text-wrap {
    float:left;
    width:42.5%;
}
.core-list .each-item .text-inner {
    padding:12%;
    line-height:1;
}
.core-list .each-item .text-inner .title {
    font:24px/1 'Gotham-Book','Microsoft Yahei';
    font-weight:bold;
    color:#fff;
}
.core-list .each-item .text-inner .line {
    display:block;
    width:30px;
    height:3px;
    margin:25px 0;
    background:#d1d1d1;
}
.core-list .each-item .text-inner .descrition {
    font-size:16px;
    color:#ddd;
    line-height:30px;
}
.core-list .each-item .normal-more-wrap2 {
    position:absolute;
    bottom:12%;
}
.core-list .each-item .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}
.core-list .each-item .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}
.core-list .each-item .image-wrap {
    position:relative;
    float:left;
    width:57.5%;
    overflow:hidden;
}
.core-list .each-item:nth-child(2n+1) .image-wrap {float:right;}
.coreContainer{
	margin:20px;
}
.normal-more-wrap2 {
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    overflow:hidden;
    border-radius:100%;
}
.normal-more-wrap2:before {
    z-index:1;
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    border:2px solid #0082bf;
    background:url(../images/more-icon1.png) no-repeat center center;
    border-radius:100%;
    box-sizing:border-box;
}
.normal-more-wrap2:hover:before {background:url(../images/more-icon2.png) no-repeat center center;}
.normal-more-wrap2:after {
    z-index:0;
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:#0082bf;
    transition:all .4s;
    border-radius:100%;
    transform-origin:center center;
    transform:scale(0);
}
.normal-more-wrap2:hover:after {
    transform:scale(1);
}
.normal-more-wrap3 {
    position:relative;
    display:block;
    width:150px;
    height:50px;
    font-size:14px;
    text-align:center;
    overflow:hidden;
    border-radius:50px;
    border:2px solid #fff;
    transition:all .4s ease-in-out;
}
.normal-more-wrap3:hover {
    background:#fff;
}
.normal-more-wrap3 .more {
    display:block;
    z-index:1;
    position:relative;
    color:#fff;
    line-height:50px;
}
.normal-more-wrap3:hover .more {color:#333;}
/*详情*/
.show-words .texts1{
	float:left;
	width:47%;
}
.show-words .imgs1,.show-words .imgs2{
	float:right;
	width:47%;
}
.show-words .imgs1 img,.show-words .imgs2 img{
	width:100%;
}
.show-words .imgs1 img{
	width:100%;
}
.show-words .texts2{
	float:right;
	width:48%;
}
.show-words .imgs2{
	float:left;
	width:48%;
}
.show-words .bg-t{
	background:rgba(255,255,255,.15);
	box-sizing:border-box;
	padding:20px;
	border-radius:4px;
	margin:15px 0;
	
}
.show-words .bg-ts{
	background:rgba(0,0,0,.35);
	box-sizing:border-box;
	padding:20px;
	border-radius:4px;
	margin:30px 0;
	border:1px solid rgba(36,191,242,.75);
}


.show-words blockquote {
    color: #fff;
    font-weight: 600;
    border-left: 4px solid #0082bf;
    padding: .5em 1em;
    background: -moz-linear-gradient(left, rgba(41,56,70,.7) 0%, rgba(23,9,49,.7) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(41,56,70,.7)), to(rgba(23,9,49,.7))));
    background: -webkit-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -o-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -ms-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: linear-gradient(to right, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(41,56,70,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );
	margin:20px 0;
	font-size:18px;
}
.show-words p.bt{
	margin:15px 0;
	font-size:20px;
	font-weight:600;
	color:#00f8ff;
}
.show-words p.son-bt{
	margin:15px 0;
	font-size:18px;
	font-weight:600;
	color:#00f8ff;
}
.show-words .bt-e{
	font-weight: 400;
    font-family: '微软雅黑', sans-serif;
    text-transform: uppercase;
	display:block;
	color:#eee;
	font-size:16px;
}
/*内单页*/
.innerTxt{
	color:#fff;
	font-size:14px;
	line-height:32px;
	margin:30px 30px 50px;
	
}
.innerTxt .texts1{
	float:left;
	width:47%;
}
.innerTxt .imgs1,.innerTxt .imgs2{
	float:right;
	width:47%;
}
.innerTxt .imgs1 img,.innerTxt .imgs2 img{
	width:100%;
}
.innerTxt .imgs1 img{
	width:100%;
}
.innerTxt .texts2{
	float:right;
	width:48%;
}
.innerTxt .imgs2{
	float:left;
	width:48%;
}
.innerTxt .bg-t{
	background:rgba(255,255,255,.15);
	box-sizing:border-box;
	padding:20px;
	border-radius:4px;
	margin:30px 0;
	
}
.innerTxt .bg-ts{
	background:rgba(0,0,0,.35);
	box-sizing:border-box;
	padding:20px;
	border-radius:4px;
	margin:30px 0;
	border:1px solid rgba(36,191,242,.75);
}

.innerTxt img{
	display:inline-block;
	padding:5px;
    box-sizing: border-box;
}
.innerTxt blockquote {
    color: #fff;
    font-weight: 600;
    border-left: 4px solid #0082bf;
    padding: .5em 1em;
    background: -moz-linear-gradient(left, rgba(41,56,70,.7) 0%, rgba(23,9,49,.7) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(41,56,70,.7)), to(rgba(23,9,49,.7))));
    background: -webkit-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -o-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -ms-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: linear-gradient(to right, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(41,56,70,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );
	margin:20px 0;
	font-size:18px;
}
.innerTxt p.bt{
	margin:15px 0;
	font-size:20px;
	font-weight:600;
	color:#00f8ff;
}
.innerTxt p.son-bt{
	margin:15px 0;
	font-size:18px;
	font-weight:600;
	color:#00f8ff;
}
.innerTxt .bt-e{
	font-weight: 400;
    font-family: '微软雅黑', sans-serif;
    text-transform: uppercase;
	display:block;
	color:#eee;
	font-size:16px;
}
.seviceImg{
	margin:20px;
	text-align:center;
	
}
.seviceImg img{
	display:inline-block;
}
/*五星服务*/
.inner-wx-list{margin-top:30px;}
.inner-wx-list ul {    justify-content: center;}
.inner-wx-list ul li{
	width:326px;
	height:auto;
	background:rgba(0,0,0,.25);
	overflow:hidden;
	padding: 15px;
	border:1px solid rgba(36,191,242,.75);
	margin:10px;
	text-align:center;
	border-radius:4px;
}
.inner-wx-list ul li:hover{
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(5px); 
	 -moz-transform: translateY(5px); 
	 -ms-transform: translateY(5px); 
	 transform: translateY(5px);
}

.inner-wx-list ul li .icon-img-wx{
	display:inline-block;
	width:60px;
	height:60px;
	margin-top:20px;
	
}
.inner-wx-list ul li .icon-img-wx img{
	width:100%;
	height:auto;
}
.inner-wx-list ul li .bt-wx{
	font-size:18px;
	font-weight:600;
	text-align:center;
	color:#fff;
	border-bottom:1px dashed rgba(36,191,242,.55);
	padding:0 0 15px 0;
	margin-bottom:20px;
}
.inner-wx-list ul li .info-wx{
	font-size:14px;
	color:#eee;
	line-height:28px;
	text-indent:32px;
}
/*联系我们*/
.inner-con-list{margin-top:30px;}
.inner-con-list ul {    }
.inner-con-list ul li{
	width:335px;
	height:auto;
	background:rgba(36,191,242,.35);
	overflow:hidden;
	padding: 15px;
	border:1px solid rgba(36,191,242,.75);
	margin-bottom:20px;
	text-align:left;
	border-radius:4px;
	cursor:pointer;
}
.inner-con-list.c-lst ul li{width:253px;}
.inner-con-list ul li:hover{
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(5px); 
	 -moz-transform: translateY(5px); 
	 -ms-transform: translateY(5px); 
	 transform: translateY(5px);
}

.inner-con-list ul li .bt-con{
	font-size:14px;
	text-align:left;
	color:#eee;
	border-bottom:1px dashed rgba(36,191,242,.55);
	padding:0 0 15px 0;
	margin-bottom:20px;
}
.inner-con-list ul li .info-con{
	font-size:14px;
	color:#eee;
	line-height:28px;
	text-align:left;
}
/*服务承诺*/
.inner-cn-list{margin-top:30px;}
.inner-cn-list ul {    }
.inner-cn-list ul li{
	width:530px;
	height:auto;
	background:rgba(0,0,0,.25);
	overflow:hidden;
	padding: 15px;
	border:1px solid rgba(36,191,242,.75);
	margin-bottom:20px;
	text-align:center;
	border-radius:4px;
}
.inner-cn-list ul li:hover{
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(5px); 
	 -moz-transform: translateY(5px); 
	 -ms-transform: translateY(5px); 
	 transform: translateY(5px);
}

.inner-cn-list ul li .icon-img-cn{
	display:inline-block;
	width:60px;
	height:60px;
	margin-top:20px;
	
}
.inner-cn-list ul li .icon-img-cn img{
	width:100%;
	height:auto;
}
.inner-cn-list ul li .bt-cn{
	font-size:18px;
	font-weight:600;
	text-align:center;
	color:#fff;
	border-bottom:1px dashed rgba(36,191,242,.55);
	padding:0 0 15px 0;
	margin-bottom:20px;
}
.inner-cn-list ul li .info-cn{
	font-size:14px;
	color:#eee;
	line-height:28px;
	text-indent:32px;
	text-align:left;
	margin-bottom:15px;
}
/*质量控制*/
.inner-down-list{margin-top:30px;}
.inner-down-list ul li{
	width:530px;
	height:80px;
	background:rgba(0,0,0,.35);
	overflow:hidden;
	padding: 15px;
	margin-bottom:25px;
	border:1px solid rgba(36,191,242,.75);
	border-radius:4px;
}
.inner-down-list ul li a{
	display: flex;
    flex-wrap: wrap;
    align-item: center;
	justify-content: space-between;
}
.inner-down-list ul li a .info{width:425px}
.inner-down-list ul li a .title{
	font-size:16px;
	font-weight:600;
	height:30px;
	line-height:30px;
	color:#eee;
}
.inner-down-list ul li a .desc{
	font-size:14px;
	color:#ccc;
	line-height:20px;
	height:40px;
	
}
.inner-down-list ul li:hover{
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(5px); 
	 -moz-transform: translateY(5px); 
	 -ms-transform: translateY(5px); 
	 transform: translateY(5px);
}

.inner-down-list ul li a .icon-img{width:100px; height:100px;}
.inner-down-list ul li a .icon-img img{width:60px; height:60px; margin:0 20px;}
/*经营合作*/
.index-customer{
	margin-bottom:50px;
}
.index-customer-list {
    transform:translateY(50px);
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;overflow:hidden;}
.index-customer.active .index-customer-list {
    transform:none;
}
.index-customer-list li {
    position:relative;
    float:left;
    width:20%;
    height:180px;
    padding:17px 0;
    text-align:center;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    transition-delay:.5s;
}
/*.index-customer-list .item600 {top:600px;}*/
/*.index-customer-list .item450 {top:450px;}*/
/*.index-customer-list .item550 {top:550px;}*/
/*.index-customer-list .item400 {top:400px;}*/
/*.index-customer-list .item300 {top:300px;}*/
/*.index-customer-list .item700 {top:700px;}*/
.index-customer.active .index-customer-list li.item {top:0;}
.index-customer-list .item-inner {
    display:block;
    width:100%;
    height:125px;
    border-left:1px solid #0082bf;
}
.index-customer-list li:nth-child(5n +1) .item-inner {border-left:0;}
.index-customer-list li:nth-child(5n +1) .lt-dot,
.index-customer-list li:nth-child(5n +1) .lb-dot,
.index-customer-list li:nth-child(5n) .rt-dot,
.index-customer-list li:nth-child(5n) .rb-dot{display:none;}
.index-customer-list li:nth-child(5n) .item-inner {}
.index-customer-list li a {
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:80%;
    height:180px;
    margin-left:-40%;
}
.index-customer-list li.double-item a {
    border-top:1px solid #0082bf;
    border-bottom:1px solid #0082bf;
}
.index-customer-list li img {
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    margin-left:-75px;
   
}
	
.index-customer-list li img:first-child {}
.index-customer-list li img:last-child {opacity:.6;}
.index-customer-list li:hover img:last-child,
.index-customer-list li img:first-child {
    opacity: 0.95; 
	filter: grayscale(100%) saturate(60%); 
    transform:translateY(-50%) rotateY(360deg);
}
.index-customer-list li img,
.index-customer-list li:hover img:first-child {
	transform:translateY(-50%) rotateY(0deg);
	opacity: 1; filter: grayscale(0);
	 transition: all .5s linear 10ms;
	
	}
.index-customer-list .dot {
    position:absolute;
    display:block;
    width:2px;
    height:2px;
    background:#0082bf;
}
.index-customer-list .lt-dot {
    left:0;
    top:0;
}
.index-customer-list .lb-dot {
    left:0;
    bottom:0;
}
.index-customer-list .rt-dot {
    right:0;
    top:0;
}
.index-customer-list .rb-dot {
    right:0;
    bottom:0;
}
/*搜索*/

@media (min-width:1400px){
	#page-2 .cn-tit{
		margin-bottom:50px;
	}
	.product-ul li{
		height:486px;
	}
	.product-ul li.active .lst-pro{
		top:190px;
	}
	.lst-pro dl dd{
		height:260px;
	}

}
@media (max-width:767px){
	.product-ul{
		margin:10px;
	}
	.product-ul li.active{
		width:100%;
	}	
	.product-ul li{
		height:auto;
		width:100%;
		margin-left:0px;
		margin-bottom:10px;
		height:auto;
	}
	.product-ul li .imgbox{
		width:100%;
		height:auto;
	}	
	.active-inner{
		height:auto;
	}
	.product-ul li.active .bt{
		height:40px;
	line-height: 40px;
	width:80%;
	overflow: hidden;
	left:10%;
	color:#fff;
	top:50%;
	margin-top:25px;
	z-index: 99;
	font-size:14px;
	position: absolute;
	text-align: center;

	}
	.product-ul li.active .dsp{
		display: none;
	}
	.product-ul li.active .icon-box{
		opacity:1;
	}
	.product-ul li:hover .imgbox{
	position:relative;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	opacity:.3;
	overflow:hidden
}
.product-ul li.active .lst-pro{
	display: none;
	}
}
/*经典案例*/

#page-3 .mask{ 
	width:100%; 
	height:100%; 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:1; 
	background:url(../images/mask.png); opacity:0.3;
}
.index-case{
	opacity: 0; 
	-webkit-transform:scale(0.5, 0.5); 
	transform:scale(0.5, 0.5); 
	transition: all 1s;
}
.sider-case{
			
		
}
.siders-c{
	margin:30px -40px 25px 40px;

}
.case-item{
	float:left; 
	width:380px; 
	height:200px;
}
.active .index-case{
	opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;
}
.he_border1{
	background:#0c3045;
	width:360px;
	height:180px;
	padding:0;
	margin:0;
	border:1px solid rgba(36,191,242,.75);
	position:relative;
	box-sizing:border-box;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden
}
.he_border1 .he_border1_img{
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	position:relative;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	opacity:1;
	overflow:hidden
}
.he_border1:hover .he_border1_img{
	position:absolute;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	opacity:.3
}
.he_border1 .he_border1_caption{
	color:#fff;
	padding:0;
	margin:0;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden
}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{
	top:8%;
	right:5%;
	bottom:8%;
	left:5%;
	border-top:1px solid rgba(255,255,255,.35);
	border-bottom:1px solid rgba(255,255,255,.35);
	-webkit-transform:scale(0,1);
	-moz-transform:scale(0,1);
	-o-transform:scale(0,1);
	transform:scale(0,1);
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0
}
.he_border1 .he_border1_caption::after{
	top:8%;
	right:5%;
	bottom:8%;
	left:5%;
	border-right:1px solid rgba(255,255,255,.35);
	border-left:1px solid rgba(255,255,255,.35);
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	-o-transform-origin:100% 0;
	transform-origin:100% 0
}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden; 
	z-index:99
}
.he_border1 .he_border1_caption_h{
	font-size:1.3em;
	font-weight:700;
	text-align:center;
	width:80%;
	position:
	absolute;
	top:60%;
	left:10%;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	overflow:hidden;
	opacity:0
}
.he_border1:hover .he_border1_caption_h{
	top:20%;
	opacity:1;
}
.he_border1 .he_border1_caption_p{
	font-size:12px;
	text-align:center;
	width:80%;
	position:absolute;
	top:60%;
	left:10%;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden;
	opacity:0
}
.he_border1:hover .he_border1_caption_p{
	top:45%;
	opacity:1;
}

.he_border1:hover .he_border1_caption_p .case-txt{
	margin:0 10px;
}
@media (min-width:1400px){
	#page-3 .cn-tit{
		margin-bottom:50px;
	}
	.case-item{ 
	height:260px
	}
	.he_border1{
		height:240px;
	}
}
@media (min-width:1450px){

}
@media (max-width:767px){
.index-case{
	width:91%;
	margin:auto;
	padding-bottom:30px;
}
.case-item{ 
	height:auto;
	width:49%;
	margin-bottom: 1.75%;
	margin-right:1%;
	height:128px;
	}
.case-item:nth-child(2n){
	margin-right:0px;
}	
.he_border1{
	width:100%;
	height:100%;
}	
.he_border1 .he_border1_img{
	height:128px;
}
.he_border1 .he_border1_caption_h{
	top:40%;
	opacity:1;
	font-size:12px;
}
.he_border1:hover .he_border1_caption_h{
	top:40%;
	opacity:1;
}
.he_border1 .he_border1_caption_p{
	display: none;
}
.he_border1:hover .he_border1_caption_p{
	display: none;
}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{
	display: none;
}
.he_border1 .he_border1_caption::after{
	display: none;
}

}
/*公司新闻*/
.index-news .wrap {
    width:1345px;
    padding:0;
}
.index-news .each-item{
    float:left;
    opacity: 0; transition: all 1s;
}
.active .index-news .each-item:first-child { 
	opacity: 1; transition-delay: 1s;
}
.active .index-news .each-item:nth-child(2n){ 
	 opacity: 1; transition-delay: 1.5s;
}
.active .index-news .each-item:last-child { 
	opacity: 1; transition-delay: 2s;
}

.index-news .each-item .item-inner {
    position:relative;
    display:block;
}
.index-news .each-item .item1:hover .title,.index-news .each-item .item2:hover .title,.index-news .each-item .item3:hover .title{
	color:#8edef9;
	transition:all .4s ease-in-out;
}
.index-news .each-item .item2:hover, .index-news .each-item .item3:hover{
	background:rgba(4,68,99,.55);
	transition:all .4s ease-in-out;
}
.index-news .each-item img {max-width:100%;}
.index-news .each-item .item2,.index-news .each-item .item3{
	border:1px solid rgba(36,191,242,.75);
}
.index-news .each-item .item1 .text-wrap {
    position:absolute;
    bottom:0;
    width:100%;
    background:rgba(0,0,0,.35);
}
.index-news .each-item .item1 img {display:block;}
.index-news .each-item .item1 .text-inner {

}
.index-news .each-item .item1 .title {
    height:52px;
    padding-right:30%;
    font-size:18px;
    color:#fff;
    line-height:26px;
    overflow:hidden;
}
.index-news .each-item .item .icon {
    position:absolute;
    right:25px;
    top:40px;
    display:block;
    width:22px;
    height:10px;
    transition:all .4s ease-in-out;
}
.index-news .each-item .item:hover .icon {
    right:15px;
}
.index-news .each-item .item1 .icon {
    background:url(../images/more-icon1.png) no-repeat center center;
}
.index-news .each-item .item2 .icon,
.index-news .each-item .item3 .icon{
    top:30px;
    background:url(../images/more-icon1.png) no-repeat center center;
}
.index-news .each-item .item3 .icon {right:auto;left:30px;top:85px}
.index-news .each-item .item3:hover .icon {left:40px;}
.index-news .each-item .item2,
.index-news .each-item .item3 {
    position:relative;
    background:rgba(0,0,0,.35);
}
.index-news .each-item .item2 .text-wrap {
    padding-bottom:19px;
    border-bottom:1px solid rgba(255,255,255,.35);
}
.index-news .each-item .item2 .title,
.index-news .each-item .item3 .title{
    font-size:18px;
    overflow:hidden;
}
.index-news .each-item .item2 .title {
    margin-bottom:15px;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#fff;
}
.index-news .each-item .item2 .des {
    height:48px;
    font-size:14px;
    color:#eee;
    line-height:24px;
    overflow:hidden;
}
.index-news .each-item .date-wrap {position:relative;  }
.index-news .each-item .date {
    font:12px/1 'Gotham-Book';
    color:#fff;

}
.index-news .each-item .big-date {
    display:block;
    font:36px/1 'Gotham-Bold';
    color:#eee
}
.index-news .each-item .item2 .big-date {margin:20px 0 10px;}
.index-news .each-item .item3 .date-wrap {
    float:left;
    width:100px;
    height:90px;
    border-right:1px solid rgba(255,255,255,.35);
}
.index-news .each-item .item3 .text-wrap {
    position:relative;
    height:97px;
    margin-left:100px;
    padding-left:30px;
}
.index-news .each-item .item3 .date-wrap .line {
    display:block;
    width:20px;
    height:2px;
    margin:15px 0;
    background-color:#e7e7e7;
}
.index-news .each-item .item3 .title {margin-top:-7px;height:64px;line-height:32px;color:#fff;}

.index-news .each-item:first-child {margin-left:0;}
@media (min-width:1400px){
	.index-news {padding:60px 0 50px;}
	.index-news .cn-tit{
		margin-bottom:50px;
	}
    .index-news .wrap {width:1345px;}
    .index-news .each-item {width:440px;margin-left:10px;}
    .index-news .each-item .item2,
    .index-news .each-item .item3 {margin-bottom:10px;}
    .index-news .each-item .item1 .text-inner {  padding:20px 25px 20px 30px;  }
    .index-news .each-item .item2 .item-inner {padding:39px 45px 30px;}
    .index-news .each-item .item3 .item-inner {padding:40px 45px;}
}
@media (max-width:1450px){

    .index-news {padding:60px 0 50px;}

}
@media (max-width:1399px){
    .index-news .wrap {width:91%;}
    .index-news .each-item {width:32%;margin-left:1.33%;}
    .index-news .each-item .item2 {margin-bottom:1.75%;}
    .index-news .each-item .item3 {margin-bottom:2.75%;}
    .index-news .each-item .item1 .text-inner {  padding:15px 20px 15px 25px;  }
    .index-news .each-item .item2 .item-inner {padding:27px 18px 24px;}
    .index-news .each-item .item3 .item-inner {padding:18.5px 18px;}
    .index-news .each-item .item2 .big-date {margin:16px 0 10px;}
    .index-news .each-item img {height:400px;width:100%;}
    .index-news .each-item .item2 .title{
    	margin-bottom:10px;
    }
    .index-news .each-item .item2 .des{
    	height:24px;
    }
    .index-news .each-item .item2 .text-wrap{
    	padding-bottom:10px;
    }
}
@media (max-width:1365px){
    .index-news .each-item img {height:474px;}

}
@media (max-width:991px){
	.index-news .each-item {width:100%;margin-left:0;}
    .index-news .each-item:first-child {display:none;}
}
@media (max-width:767px){
	.index-news{
		padding:10px 0 30px;
	}
}
/*联系我们*/
.dsp-box{
	width:100%;
	font-size:18px;
	color:#fff;
	display: block;
	text-align: center;
	opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
.active .dsp-box,.active .map-box{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.map-box{
	margin:10px;
	opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
.indexCotact{
	color:#fff;
	font-size:14px;
	line-height:32px;
	border:1px solid rgba(30,189,241,.75);
	background:rgba(0,0,0,.65);
	margin:30px auto;
	padding:20px 50px;
	display:inline-block;
	border-radius:8px;
}
.indexCotact .ewm-boxs .ewm-boxs-img{
	margin-top:20px;
}
.tel-box{
	display:inline-block;
	background: rgba(0,0,0,.3);
	font-size:28px;
	font-weight:bold;
	color:#fff;
	margin:auto;
	border:1px solid rgba(30,189,241,.75);
	text-align: center;
	padding:5px 10px;
	margin:10px 0 15px;
	

}
#page-5{
	text-align: center;
}
#dituContent{
	height:460px;
	border: 1px solid rgba(36,191,242,.75);
}
#page-5 .cn-tit{
	margin-bottom:5px;
}
@media (min-width:1400px){
	#dituContent{
	height:260px;
	}
}
/*内页banner*/
.inner-banner{
	position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.normal-inner-banner img {
    display: block;
    /*height: 100%;*/
	width: 100%;
    height: 350px;
}
.inner-wrap-about{
	position: relative;
}
.inner-wrap-about .banner{
	max-width: 100%;
    vertical-align: middle;
    -webkit-animation: banner_inside 20s ease 1 forwards;
       -moz-animation: banner_inside 20s ease 1 forwards;
         -o-animation: banner_inside 20s ease 1 forwards;
            animation: banner_inside 20s ease 1 forwards;
}
.inner-wrap-about .mbanner{
	max-width: 100%;
    vertical-align: middle;
    -webkit-animation: banner_inside 20s ease 1 forwards;
       -moz-animation: banner_inside 20s ease 1 forwards;
         -o-animation: banner_inside 20s ease 1 forwards;
            animation: banner_inside 20s ease 1 forwards;
			display:none;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}
.normal-banner-inner-wrap{
	position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align:center;
    background: -moz-linear-gradient(left, rgba(41,56,70,.7) 0%, rgba(23,9,49,.7) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(41,56,70,.7)), to(rgba(23,9,49,.7))));
    background: -webkit-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -o-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: -ms-linear-gradient(left, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    background: linear-gradient(to right, rgba(41,56,70,.7) 0%,rgba(23,9,49,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(41,56,70,.7)', endColorstr='rgba(23,9,49,.7)',GradientType=1 );
}
.borderbgc1 {
    color: #fff;
     background: rgba(0, 0, 0, 0.2); 
}
.borderbgc1.borderbgc2 {
    color: #fff;
     background: rgba(50,50,50,0.8); 
}
.borderbgc1.borderbgc2.borderbgc3{
    color: #fff;
     background: rgba(59,168,204,0.25); 
}
.borderbgc1.borderbgc2.borderbgc4{
    color: #fff;
     background: rgba(59,168,204,0.15); 
}
.about-page{
	position: relative;
	height:auto;

}
.about-page-bg{
	background: url(../images/about-bg.jpg) no-repeat fixed center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top:0px;
}
.news-page-bg{
	background: url(../images/news-bg.jpg) no-repeat fixed center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top:0px;
}
.news-page-show-bg{
	background: url(../images/bgshow.jpg) no-repeat fixed center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top:0px;
}
.core-page-bg{
	background: url(../images/core-bg.jpg) no-repeat fixed center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top:0px;
}
.contact-page-bg{
	background: url(../images/contact-bg.jpg) no-repeat fixed center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top:0px;
}
.pro-page-bg{
	background: url(../images/pro-bg.jpg) no-repeat fixed center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top:0px;
}
.pro-show-page-bg{
	background: url(../images/show-bg.jpg) no-repeat fixed center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top:0px;
}
.hang-line img{
	width: 100%;
    height: 1px;
    line-height: 1px;
    position: absolute;
    left: 0; 
}
.hang-line.line1 img{
	top:0px;
}
.hang-line.line2 img{
	bottom:0px;

}
.inner-banner-title {
    padding-top: 0px;
    font-weight: 400;
    font-size: 32px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}
.normal-banner-inner {
    position: absolute;
    top: 35%;
    width: 100%;
}
.son-lst{
	text-align: center;
	margin-top:20px;
}
.son-lst ul li{
	display: inline-block;
    margin-right: 10px;
	margin-bottom:12px;
}
.son-lst ul li a{
	display: block;
    width: 75px;
    height: 35px;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    padding:0 25px;
    text-align: center;
    background: none;
    border-radius: 25px;
    border:1px solid rgba(255,255,255,.55);
    transition: all .4s ease-in-out;
}
.son-lst.proSon ul li a{
	width:128px;
	overflow:hidden;
}
.son-lst ul li.on a, .son-lst ul li a:hover {
    color: #fff;
    background: -webkit-linear-gradient(left, #0082bf 30%, #06a1ea 70%);
    background: linear-gradient(to right, #0082bf 30%, #06a1ea 70%);
     border:1px solid rgba(0,200,230,.55);
}
.cn-title{
	font-size:24px;
	color:#00f8ff;
	text-align: center;
	margin-top:100px;
	font-weight:600;
	font-family:'Microsoft YaHei'!important;
}
.title-dsp{
	font-size:18px;
	color:#00f8ff;
	text-align: center;
}
.title-line{
	width:20%;
	height:1px;
	margin:15px auto;
	background: rgba(255,255,255,.35);
	display: block;

}
.about-content{
	min-height:600px;
}
.about-word{
	margin:30px;
	height:auto;
}
.about-word .about-word-l{
	width:630px;
	height:auto;
	float:left;
	color:#eee;
	line-height: 30px;
	font-family:'Microsoft YaHei';
}
.about-word .about-word-l p{
	color:#eee;
	margin-top:10px;
	font-size:14px;
	line-height: 30px;
	font-family:'Microsoft YaHei';
}
.about-word .about-word-r{
	width:444px;
	height:356px;
	position: relative;
	float:right;
}
.about-word .about-word-r .img-bg{
	width:390px;
	height:280px;
	border:2px solid #03f7ef;
	position: absolute;
	right:0px;
}
.about-word .about-word-r .img-box{
	width:396px;
	height:303px;
	border:2px solid #03f7ef;
	position: absolute;
	background:#000;
	top:43px;
	z-index:2;
	overflow:hidden;
}
.about-word .about-word-r .img-box img{
	width:100%;
	height:100%;
}
/*新闻内页*/
.nlst-list{
	margin:0 20px;
}
.each-item .image-wrap img {
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    transition:all .4s;
}
.index-news-list .each-item .image-wrap img {
	height:auto
}
.nlst-list .each-item .image-wrap {
    position:relative;
    overflow:hidden;
}

.nlst-list .each-item:hover .image-wrap img {
    transform:scale(1.025);
}
.nlst-list .each-item .image-wrap:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    opacity:0;
    transition:all .6s ease-in-out;
}
.nlst-list .each-item .image-wrap:after {background:rgba(0,0,0,0);}
.nlst-list .each-item:hover .image-wrap:after{opacity:1;}
.nlst-list .item-list {padding:30px 0 15px;margin-left:-1.25%;}
.nlst-list{

}
.nlst-list .each-item {
    position:relative;
    float:left;
    width:32.08%;
    margin:0 0 1.75% 1.08%;
    background: rgba(0,0,0,.35);
    /*overflow:hidden;*/
    transition: all .6s;
	border: 1px solid rgba(36,191,242,.75);
}
.news-line{
	height: 2px;
    width: 100px;
    background-color: #999999;
    opacity: 0.8;
	margin:15px 0 20px;
}
.nlst-list .each-item:hover {
    /*width:32.43%;*/
    /*padding:.35%;*/
    /*margin:-.35% -.35% .9% .9%;*/
}

.nlst-list .item-inner {z-index:1;position:relative;display:block;}
.nlst-list .each-item .text-inner {
    padding:5%;
}
.nlst-list .each-item .text-inner .title {
    margin-bottom:10px;
    font-size:18px;
    font-weight:600;
    color: #333;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
	color:#ddd;
}
.nlst-list .each-item .text-inner .descrition {
    height:44px;
    font-size:14px;
    color:#ccc;
    line-height:22px;
    overflow:hidden;
}
.nlst-list .each-item:hover:afte{
	box-shadow:0 15px 15px rgba(0,0,0,.1);
}
.top-bottom{
	width:45px;
	height:45px;
	border-radius:100%;
	background: linear-gradient(120deg, #0082bf , #06a1ea);
    background: -webkit-linear-gradient(120deg, #0082bf , #06a1ea);
    background: -moz-linear-gradient(120deg, #0082bf , #06a1ea);
    background: -ms-linear-gradient(120deg, #0082bf , #06a1ea);
	border:1px solid #04dedb;
	display:block;
	position:absolute;
	margin-left:-22px;
	left:50%;
	z-index:99;
	margin-top:-22px;
	cursor:pointer;
	text-align:center;
	line-height:45px;
}
.top-bottom .iconfont{
	color:#fff;
}
/*----二维码----*/
.ewm-boxs{
	width:110px;
	height:auto;
	margin:auto;
}
.ewm-boxs .ewm-boxs-img{
	width:110px;
	height:110px;
	overflow:hidden;
	margin-top:40px;
}
.ewm-boxs .ewm-boxs-img img{
	width:100%;
	height:100%;
}
.ewm-tit{
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#fff;
	text-align:center;
}
.copright-txt{
	font-size:14px;
	color:#fff;
	line-height:30px;
	text-align:center;
}
.copright-txt a{
	color:#fff;
}
.copright-txt a:hover{
	color:#ffc50a;
}
.copright-txt .img-p{
	display:inline-block;
	vertical-align:-3px;
}
@media (max-width: 1920px){
	.menu li{margin-left:22px;}
	.preview .swiper-slide img{
		height:78px;
	}
	.indexCotact{
		margin-top:50px;
		line-height: 36px;
	}
}
@media (max-width: 1400px){
	.normal-inner-banner img {
	    min-height: 355px;
	    height: auto;
	}
	.inner-banner-title {
    padding-top: 20px;
	}
	.menu li{margin-left:28px;}
	.index-news-list .each-item .image-wrap img{
		height:405px;
	}
	.indexCotact{
		margin-top:30px;
		line-height: 30px;
	}
}
/*网站底部*/
.footer-mini{
	width:100%;
	height:auto;
	background-color: rgba(0,0,0,.5);
	padding:10px 0;
}
/*适配手机*/
@media all and (max-width:1024px){
	.kh-48{ height:48px;}
	.header{height:48px;background:#0e6c97;}
	.header .back{ display:block;}
	.header .name{ display:block;}
	.logo-hide{ display:none;}
	.header-bgnone{ background:none;}
	.header .icon-search{
		position: absolute;
		left:10px;
		top:-5px;
		z-index: 99;
	}
	.menu li.active .tap span p{
		border:none;
		background: none;
	}
	.header .logo{ width:100%; height:30px; padding:9px 0; text-align:center; font-size:0; margin:0; position:absolute; left:0; top:0; z-index:1;}
	.header .logo img{ width:auto; display:inline-block; height:100%;margin-top:0px;}
	.h-nav{
		width:48px; 
		height:48px; 
		display:block; 
		position:absolute; 
		right:0; 
		z-index:2;
		background:url(../images/menuIcon.png) 12px center no-repeat;
		background-size:24px 24px;
	}
	.h-nav.h-nav-active{
		background:none;
		
	}
	.h-nav-active:before{
		
		position:absolute;
		left:15px;
		top: 23px;
		content:'';
		width:18px;
		height:2px;
		background:#FFF;
		display:block;
		-webkit-transform: translateY(4px);
		   -moz-transform: translateY(4px);
		    -ms-transform: translateY(4px);
		     -o-transform: translateY(4px);
		        transform: translateY(4px);
		-webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		        transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		}
	.h-nav-active:after{
		position:absolute;
		left:15px;
		bottom: 23px;
		content:'';
		width:18px;
		height:2px;
		background:#FFF;
		display:block;
		-webkit-transform: translateY(-4px);
		   -moz-transform: translateY(-4px);
		    -ms-transform: translateY(-4px);
		     -o-transform: translateY(-4px);
		        transform: translateY(-4px);
		-webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		        transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		}
	.h-nav-active:before{ -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
	.h-nav-active:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);}
	
	.menu-box{
		width:100%;
		height:0;
		background:rgba(14,108,151,.95);
		margin:0;
		right:0;
		top:48px;
		visibility:hidden;
		-webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		        transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
		}
	.menu-box-active{ visibility:visible; height:100%;}
	.menu{ height:auto; padding:0 48px;}
	.menu li{
		float:none;
		margin-left:0;
		opacity:0;
		-webkit-transform:scale(1.1) translateY(-24px);
		        transform:scale(1.1) translateY(-24px);
		-webkit-transition:all 0.35s ease-out;
		        transition:all 0.35s ease-out;
		}
	.menu-box-active .menu li:nth-child(1){-webkit-transition-delay:0.35s; transition-delay:0.35s;}
	.menu-box-active .menu li:nth-child(2){-webkit-transition-delay:0.4s; transition-delay:0.4s;}
	.menu-box-active .menu li:nth-child(3){-webkit-transition-delay:0.45s; transition-delay:0.45s;}
	.menu-box-active .menu li:nth-child(4){-webkit-transition-delay:0.5s; transition-delay:0.5s;}
	.menu-box-active .menu li:nth-child(5){-webkit-transition-delay:0.55s; transition-delay:0.55s;}
	.menu-box-active .menu li:nth-child(6){-webkit-transition-delay:0.6s; transition-delay:0.6s;}
	.menu-box-active .menu li:nth-child(7){-webkit-transition-delay:0.65s; transition-delay:0.65s;}
	.menu-box-active .menu li:nth-child(8){-webkit-transition-delay:0.65s; transition-delay:0.7s;}
	.menu-box-active .menu li:nth-child(9){-webkit-transition-delay:0.65s; transition-delay:0.75s;}
	
	.menu-box-active .menu li{
		opacity:1;
		-webkit-transform:scale(1) translateY(0);
		        transform:scale(1) translateY(0);
		}
	.menu li .tap{
		margin-top:0px;
		height:48px;
		line-height:48px;
		font-size:16px;
		text-align:left;
		border-bottom:1px solid #03577d;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
		}
	.menu li .tap span p{border:none;background: none;border-radius: 0;}	
	.menu li .tap span{height:48px;}
	.menu li.active .tap span,.menu li .tap:hover span{ margin-top:-48px;}
	/*幻灯*/
	.focus{ margin-top:-48px; position:absolute; height:100%; z-index:99; width:100%; overflow:hidden;}
	.slide-focus li .img{ width:240px; height:160px; margin:-80px 0 0 -120px;}
	.slide-focus .mask{ display:none;}
	}
@media all and (min-width:320px) and (max-width:767px){
	
/*荣誉*/
.inner-honor table td img{padding:5px;}	
/*联系我们*/
.inner-con-list ul li,.inner-con-list.c-lst ul li{
	width:100%;
}
.mapBigBox .innerTxt{
	width:auto;
}	
.mapBigBox .innerTxt.c-box{width:auto;}
.mapBigBox .innerTxt img{
	width:110px!important;
	height:110px!important;
}
.bb-c img{width:auto!important;}
/*服务承诺*/
.inner-cn-list ul li{
	width:100%;
	box-sizing: border-box;
}
/*五星服务*/
.inner-wx-list ul li{
	width:auto;
	margin: 0 0 15px;
}	
/*质量控制*/
.inner-down-list ul li{
	width:100%;
	box-sizing: border-box;
	height:110px;
}
.inner-down-list ul li a .info{
	width:75%;
}
.inner-down-list ul li a .icon-img{width:50px; height:50px;}
.inner-down-list ul li a .icon-img img{height:auto;margin:12px 0;}
/*详情*/

.show-words .texts1,.show-words .texts2{
	float:none;
	width:100%;
}
.show-words .imgs1,.show-words .imgs2{
	float:none;
	width:100%;
}
.show-words .imgs1 img,.show-words .imgs2 img{
	width:100%;
}

.show-words .bg-t{
		margin:15px 0;
	}
/*单页*/	
.about-content img{	width:100%!important;	height:auto;}

.innerTxt .texts1,.innerTxt .texts2{
	float:none;
	width:100%;
}
.innerTxt .imgs1,.innerTxt .imgs2{
	float:none;
	width:100%;
}
.innerTxt .imgs1 img,.innerTxt .imgs2 img{
	width:100%;
}

.innerTxt .bg-t{
		margin:15px 0;
	}
.h60{
	height:0px;
}	
#page-1{ background-image: url(../images/section1m.jpg);}
#page-2{ background-image: url(../images/section2m.jpg);}
#page-3{ background-image: url(../images/section3m.jpg);}
#page-4{ background-image: url(../images/section4m.jpg);}
#page-5{ background-image: url(../images/section5m.jpg);}	
.wrap{ width:auto;}	
.float{ 
	width:40px; 
	height:auto; 
	right:15px; 
	top: auto; 
	bottom:20px; 
	right:0; 
	margin-top:0;
	display:none;
}
.float .item{
	width:40px; 
	height:40px; 
	background:rgba(0,0,0,0.75); 
	margin-top:2px;
}
.float .item .tags{
	width:40px; 
	height:40px; 
	line-height:40px; 
	-webkit-transition: none; 
	transition: none;
}
.float .item:hover .tags{
	left:0; 
	background:none;
}
.float .item:hover span{
	opacity:1;
}
.float .item .iconfont{ 
	width:40px; 
	height:40px; 
	display:block; 
	line-height:40px; 
	text-align:center; 
	font-size:20px;
}
.float .item span{ 
	display:none
}
/*幻灯*/
.focus{ margin-top:-48px; position:absolute; height:100%; z-index:99; width:100%; overflow:hidden;}
.slide-focus li .img{ width:240px; height:160px; margin:-80px 0 0 -120px;}
.slide-focus li:first-child .img{ width:300px; height:171px; margin:-80px 0 0 -150px;}
.slide-focus video{ top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:none;}
.slide-focus .bg{ display:block;}
/*联系我们*/
.map-box{
	margin:10px;
}
#dituContent{
	height:360px;
	margin-bottom:20px;
}
.tel-box{
	font-size:22px;
}
/*底部*/
.top-bottom{
	width:30px;
	height:30px;
	margin-top: -15px;
	margin-left: -15px;
	line-height:34px;
}
/*标题*/
.cn-tit{
	font-size:18px;
}
.cn-title{
	font-size:24px;
	margin-top:50px;
}
.title-dsp{
	font-size:18px;
}
/*内页banner*/
.inner-banner-title{
	font-size:24px;
}
.normal-banner-inner{
	top:25%;
}
.normal-inner-banner img{
	min-height:222px;
}
/*内页导航*/
.son-lst ul li{
	margin-bottom:12px;
}
/*内页关于我们*/
.about-word{
	margin:20px;
}
.about-word .about-word-l{
	width:100%;
	float:none;
}
.about-word .about-word-r{
	width:100%;
	float:none;
}
.about-word .about-word-r .img-bg{
	display:none;
}
.about-word .about-word-r .img-box{
	width:100%;
	height:auto;
}
/*新闻内页*/
.nlst-list .each-item{
	margin-left:0px;
	margin: 0 0 5% 0;
	width: 100%;
}
/*新闻详情*/
.show-box .show-words img{
	width:100%!important;
	height:auto!important;
}
.show-box .show-tit{
	font-size:20px;
	line-height:26px;
}
.siders-c{
	margin:15px;
}
.siders-c.siders-cs{
	margin:0px;
}
.son-lst ul{
	white-space: nowrap;
    overflow: auto;
	margin:0 10px;
}
/*产品详情*/
.view .swiper-container img{
	width:100%;
}
.preview .active-nav img{
	width:auto!important;
}
.preview .swiper-container{
	margin-left:0px;
}
.showBoxsTit{
	font-size:22px;
	padding:0 10px;
	margin-top:80px;
	line-height:32px;
}
.location{
	float:none;
	margin-bottom:15px;
}
.preview .swiper-container{
	height:52px;
}
.preview .swiper-slide{
	height:52px;
}
.preview .swiper-slide img{
	height:50px;
}
.view .arrow-left .iconfont, .view .arrow-right .iconfont{
	font-size:22px;
}
.view .arrow-left,.view .arrow-right{
	margin-top:-12px;
}
.show-boxs{
	margin:25px 20px;
}

/*内页导航*/
.son-lst ul li a{
	height:24px;
	line-height:24px;
	padding: 0 15px;
}
.siders-c-show .case-item:last-child{
	display:block;
	bottom:0px;
}
.coreContainer{
	width:91%;
	margin:auto
}
/*核心优势*/
.core-list .each-item .image-wrap,
.core-list .each-item .text-wrap{width:100%;}
.core-list .each-item .text-inner {padding:9%;}
.core-list .each-item .text-inner .title{font-size:20px;}
.core-list .each-item .text-inner .line {margin:20px 0 15px;}
.core-list .each-item .text-inner .descrition {margin-bottom:15px;font-size:14px;line-height:1.8;}
.normal-more-wrap2:before, .normal-more-wrap2:after {
    width: 33px;
    height: 33px;
}
.core-list .each-item .normal-more-wrap2 {
    position: relative;
}
.normal-more-wrap2 {
    width: 35px;
    height: 35px;
    border: none;
}
.menu li.active .tap span p,.menu li .tap span p{
	background:none;
	border:none;
}
.menu li .tap:hover span p:last-child{ 
	background: none;
	border:none;

}
/*用户之窗*/
.seviceImg img{
	width:100%!important;
	height:auto!important;
}
.seviceImg{
	margin:15px 0;
}
/*合作经营*/
.index-customer-list li {width:50%;}
.index-customer-list li:last-child {display:none;}
.index-customer-list li a {border-top:1px solid #0082bf;}
.index-customer-list li:first-child a,.index-customer-list li:nth-child(2) a{border-top:0;}
.index-customer-list li.double-item a {   border-bottom:0;  }
.index-customer-list li:nth-child(5n) .item-inner {border-right:0;}
.index-customer-list li:nth-child(2n+1) .item-inner {border-left:0;}
.index-customer-list li:first-child .dot.rt-dot,
.index-customer-list li:nth-child(2) .dot.lt-dot,
.index-customer-list li:nth-child(2n+1) .dot.lt-dot,
.index-customer-list li:nth-child(2n+1) .dot.lb-dot,
.index-customer-list li:nth-child(2n) .dot.rt-dot,
.index-customer-list li:nth-child(2n) .dot.rb-dot,
.index-customer-list li:nth-child(13) .dot.rb-dot,
.index-customer-list li:nth-child(14) .dot.lb-dot{display:none;}
.index-customer-list li:nth-child(5) .item-inner{border-right:1px solid #0082bf;}
.index-customer-list li img {max-width:100%;}
.index-customer-list li {
    height: 120px;
    padding: 10px 0;
}
.index-customer-list .item-inner {
    height: 100px;
}
.index-customer-list li a {
    height: 120px;
}
/*隐藏pcbanner*/
.normal-inner-banner .banner{
	display:none;
}
.inner-wrap-about .mbanner{
	display:block;
}
/*内页关于*/
.about-word .about-word-l p{
    line-height: 32px;
}
/*版权*/
.copright-txt{
	margin:0 15px;
}
.menu li .sonTopMenu,.menu li:hover .sonTopMenu{
	display:none;
}
/*地图*/
.innerMap{
	width:100%;
	float:none;
}
.innerTxt{
	width:auto;
	margin:20px 20px 50px;;
	float:none;
}
/*留言版*/
.massageBox{
	width:auto;
	margin:20px;
}
.indexCotact{
	padding:20px;
}
/*产品详情*/
.show-box.pro-show{
	margin:20px 0;
}
}
/* CSS3过度及动画 */
.section.active .cn-tit, .section.active .en-tit, .section.active .tit-line,.section.active .tel-box{ 
	opacity: 1; 
	-webkit-transform:scale(1, 1); 
	transform:scale(1, 1); 
	transition-delay: 0.7s;
}
.focus .img img{
	opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;
}
.section.active .focus .img img{
	opacity: 1; 
	-webkit-transform:scale(1, 1); 
	transform:scale(1, 1); 
	transition-delay: 0.7s;
}